<!-- BEGIN: main -->
<div id="category" style="padding:3px;">
    <div class="page_title">
        <div class="fl"><h2>{CAT_NAME}</h2></div>
        <div class="col2-pager">
            Sắp xếp:
                <select id="cboSort" onchange="setviewcat('','cboSort')" class="optionchar">
                    {select_cat_order}
                </select>
        </div>
        <div class="col1-pager">
            <a href="{compare_link}" class="btnOrange" id="btnCompare"><span>So sánh</span></a>
            <ul id="ul_layout">
                <li>Kiểu xem: </li>
                <li>
                    <a href="javascript:void(0)" title="Listview" onclick="setviewcat('viewcat_page_list','cboSort')">
                    <img src="/images/list-view.png" alt="Listview" title="Listview"></a>
                </li>
                <li>
                    <a href="javascript:void(0)" title="Gridview" onclick="setviewcat('viewcat_page_gird','cboSort')">
                    <img src="/images/grid-view.png" alt="Gridview"></a>
                </li>
            </ul>
        </div>
        <div style="clear:both"></div>
    </div>
  
    <!-- BEGIN: row -->
    <div class="list_rows clearfix">
        <div class="img clearfix">
            <a title="{title_pro}" href="{link_pro}">
            	<img class="reflect" src="{img_pro}" alt="{title_pro}" width="{width}"/>
			</a>
        </div>
        <p class="content_title">
            <strong><a title="{title_pro}" href="{link_pro}">{title_pro}</a></strong><br />
            <span>
                {intro}
            </span>
            <br/><br/>
            <span class="time_up">{LANG.detail_warranty}:{product_warranty} {LANG.detail_warranty_unit}</span>
            
            <p><input type="checkbox" class="compare_checkbox" id="compareItem_{id}" value="{id}" onclick="setcompare(this,1)"> Chọn so sánh</p>
        </p>
        <div class="fr money_order">
            <div class="money_order_margin">
                 <!-- BEGIN: price -->
            	{LANG.title_price} : <strong class="{class_money}">{product_price} {money_unit}</strong>
				<!-- BEGIN: discounts -->
					&nbsp; <span class="money">{product_discounts} {money_unit}</span>
				<!-- END: discounts --> <br />
                <!-- END: price -->
                <!-- BEGIN: contact -->
                {LANG.detail_pro_price} : <span class="money">{LANG.price_contact}</span><br />
                <!-- END: contact -->
                <span class="time_up">[{LANG.price_vat_none}]</span>
            </div>
           <div>
                	<!-- BEGIN: order -->
            <a href="javascript:void(0)" id="{id}" title="{title_pro}" class="pro_order" onclick="cartorder(this)">{LANG.add_product}</a>
            <!-- END: order -->
            </div>
        
        </div>
    </div> 
    <!-- END: row -->
    <div class="pages">
		{pages}
	</div>
</div>
<div class="msgshow" id="msgshow"></div>
<!-- END: main -->
